<template>
    <div>
        <top-label v-model="index">
            <span :slot="0">法律法规</span>
            <span :slot="1">部门规章</span>
            <span :slot="2">地方法规</span>
            <span :slot="3">规范标准</span>
            <span :slot="4">公司制度</span>
        </top-label>
        <el-row>
            <keep-alive>
                <LawsRegulations v-if="index===0"></LawsRegulations>
                <departmental-rules v-if="index===1"></departmental-rules>
                <local-regulations v-if="index===2"></local-regulations>
                <standard-specification v-if="index===3"></standard-specification>
                <management-system v-if="index===4"></management-system>
            </keep-alive>
        </el-row>
    </div>
</template>

<script>
    import TopLabel from "~/components/TopLabel";
    import LawsRegulations from "~/views/safety-management/management-basis/LawsRegulations";
    import DepartmentalRules from "~/views/safety-management/management-basis/DepartmentalRules";
    import LocalRegulations from "~/views/safety-management/management-basis/LocalRegulations";
    import StandardSpecification from "~/views/safety-management/management-basis/StandardSpecification";
    import ManagementSystem from "~/views/safety-management/management-basis/ManagementSystem";
    export default {
        name: "ManagementBasis",
        components:{
            ManagementSystem,
            StandardSpecification,
            LocalRegulations,
            DepartmentalRules,
            TopLabel,
            LawsRegulations,
        },
        data(){
            return{
                index:0
            }
        }
    }
</script>

<style scoped>

    .img{
        width: auto;
        max-width: 100%;
        height:80vh;
    }
</style>
